<script src="<?php echo base_url();?>media/site/skdslider/skdslider.js"></script>
<link href="<?php echo base_url();?>media/site/skdslider/skdslider.css" rel="stylesheet" />
<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery('#slides1').skdslider({delay:5000, animationSpeed: 2000,showNextPrev:false,showPlayButton:true,autoSlide:true,animationType:'fading'});
		});
</script>
<style type="text/css">
    .skdslider{height:400px;width: 1440px;margin: 0 auto;}
</style>
<div id="banner">
    <div class="skdslider-container">
        <center>
        <ul id="slides1" class="slides">
         <?php
         foreach($banners as $key => $item)
         {
            echo '<li><img src="'.base_url().'media/images/banner/'.$item['path'].'" alt="'.$item['path'].'" title="'.$item['title'].'" /></li>';
         }
         ?>
        </ul>
        </center>
    </div>
</div>